草庐IT

pdf 预览

全部标签

javascript - 我们如何使用javascript进行pdf合并

我想做客户端脚本来合并和拆分pdf,所以我想使用itextsharp。可以与javascript一起使用。我是Javascript的新手。请帮我提出宝贵的建议。 最佳答案 我找到了一个使用PDF-LIB库的完全客户端解决方案:https://pdf-lib.js.org/它使用带有一个参数的函数mergeAllPDFs:urls,它是文件url的数组。确保在header中包含以下内容:然后:asyncfunctionmergeAllPDFs(urls){constpdfDoc=awaitPDFLib.PDFDocument.crea

javascript - PDF.JS:使用 ArrayBuffer 或 Blob 而不是 URL 呈现 PDF

我知道一个与此类似的问题:Pdf.js:renderingapdffileusingabase64filesourceinsteadofurl.Codetoffel很好地回答了这个问题但我的问题是不同的,因为我的PDF是通过对我的WebAPI实现的RESTful调用来检索的。让我解释一下...首先,这是使用PDF.JS通过URL打开PDF的基本方法:PDFJS.getDocument("/api/path/to/my.pdf").then(function(pdf){pdf.getPage(1).then(function(page){varscale=1;varviewport=pa

javascript - 从ajax响应下载pdf文件

我正在尝试让浏览器下载从ajax响应接收到的pdf文件。灵感来自Downloadpdffileusingjqueryajax我模拟这样的点击/下载事件:varreq=newXMLHttpRequest();req.open("POST","/servicepath/Method?ids="+ids,true);req.responseType="blob";req.onreadystatechange=function(){if(req.readyState===4&&req.status===200){varblob=req.response;varlink=document.cre

javascript - 如何获取用户上传的.PDF的页数?

我有一个文件输入,在“上传”之前我需要在JAVASCRIPT(例如JQuery...)中计算该.pdf的页数 最佳答案 如果您使用pdf.js,您可以引用exampleongithub('.../examples/node/getinfo.js')使用以下代码打印pdf文件中的页数。constpdfjsLib=require('pdfjs-dist');...pdfjsLib.getDocument(pdfPath).then(function(doc){varnumPages=doc.numPages;console.log('#

javascript - 将长 html 导入拆分 PDF

我的场景是:单击按钮,将html上的数据导入PDF文件。由于这个PDF必须有一些复杂的要求样式,所以我的第一步是使用html2canvas.js将这个页面转换为图像,然后使用jsPDF.js将这个图像导入PDF当数据太大时,必须拆分PDF以容纳所有数据,为此,我使用了此处的代码:https://github.com/MrRio/jsPDF/pull/397我的问题是:在Firefox上,第2或3页的PDF拆分页面无法显示,它们完全是空白的。但在第1页上没问题。(这是用于Firefox的)我测试了其他浏览器,它们都很好。请问有人可以阐明如何解决这个问题吗?这是我的plnkr:http:/

javascript - PDF.js 无法在 IE 中正确呈现 pdf

我正在使用PDF.js框架来呈现PDF。我正在使用base64数据来呈现PDF。但在IE11中,pdf看起来很模糊。请参阅以下IE11屏幕看下面的代码:varrenderPDF=function(url,canvasContainer,data){varscale=0.9;//"zoom"factorforthePDFfunctionrenderPage(page){varcanvas=document.createElement('canvas');varviewport=page.getViewport(scale);varctx=canvas.getContext('2d');v

javascript - Firefox 中不显示打印预览页面

通过在JavaScript中使用window.print(),它确实会在GoogleChrome中显示打印预览,但在Firefox中则不会。有解决办法吗? 最佳答案 在Firefox中,这是不可能的。您唯一的选择是调用window.print,它只会打开“打印”对话框。Firefox扩展可以调用PrintUtils.printPreview,它会打开打印预览窗口,但此API在网页的JavaScript代码中不可见。来源:MozillaSupport 关于javascript-Firefo

javascript - 使用 JsPDF 将 Canvas 转换为 Pdf

我正在尝试将canvas转换为pdf,但我得到的结果是干净的白色pdf这是代码,我无法弄清楚我错过了什么..functionHtmlToImage(){html2canvas(document.body,{onrendered:function(canvas){varimg=canvas.toDataURL("image/jpeg,1.0");varpdf=newjsPDF();pdf.addImage(img,'JPEG',0,0);pdf.output('datauri');}});} 最佳答案 试试这个:varpdf=newj

javascript - Rails+javascript - 上传前的图片预览

我想在上传前显示图片预览,为此我使用下面给出的代码。它适用于firefox,但不适用于IE8"preview-photo"%>"preview(this);"%>functionpreview(this){document.getElementById("preview-photo").src=this.value;return;}请问有什么办法可以在IE8和其他浏览器中预览图片吗? 最佳答案 在ERB中:接受输入,给它一个类名和动态ID,并制作一个带有动态ID的图像标签,您将在其中显示预览图片。'photo_upload',:id

javascript - 如何使用 pdf.js 进行搜索?

我在我的Ionic应用程序中显示一个带有pdf.js的pdf文件。我不使用viewer.js和viewer.html,因为我需要一个完全不同的布局。现在我有一个自定义搜索栏,我想在我的pdf文件中突出显示术语。是否有我可以调用的函数来执行此操作?我正在这样渲染文件:$scope.renderPages=function(pdfDoc){$scope.pdfFile=pdfDoc;for(varnum=1;numHTML: 最佳答案 现在我找到了解决方案!varcontainer=document.getElementById('vi